<{assign var="tpl_page_title" value="设计师列表"}>
<{include file="mobile/block/header.html"}>
<div id="topSearch">
	<div class="search_box">
		<form action="<{link ctl='mobile/designer'}>" method="post">
			<input type="text" name="kw" class="lt txt" placeholder="搜设计师"  value="<{$pager.sokw}>" />
			<input type="submit" value="搜设计师" class="btn" />
			<div class="cl"></div>
		</form>
	</div>
</div>
<div id="search-bar">
	<ul class="search-bar_list">
		<li class="list"><a href="#"><{if $pager.area_id}><{$area_list[$pager.area_id].area_name}><{else}>全部区域<{/if}><em></em></a></li>
		<li class="list"><a href="#"><{if $pager.group_id}><{$group_list[$pager.group_id]}><{else}>全部类型<{/if}><em></em></a></li>
		<li class="list"><a href="#"><{if $pager.order}><{$order_list[$pager.order]}><{else}>默认排序<{/if}><em></em></a></li>
	</ul>
	<div class="search-bar_pull">
		<div class="list_box">
			<ul>
				<li><a href="<{link ctl='mobile/designer:items' arg0=0 arg1=$pager.group_id arg2=$pager.order arg3=1}>">全部区域</a></li>
				<{foreach $area_list  as $k=>$v}>
				<li><a href="<{link ctl='mobile/designer:items' arg0=$k arg1=$pager.group_id arg2=$pager.order arg3=1}>"><{$v.area_name}></a></li>
				<{/foreach}>
			</ul>
		</div>
		<div class="list_box">
			<ul>
				<li><a  href="<{link ctl='mobile/designer:items' arg0=$pager.area_id arg1=0 arg2=$pager.order arg3=1}>">全部类型</a></li>
				<{foreach $group_list  as $k=>$v}>
				<li><a href="<{link ctl='mobile/designer:items' arg0=$pager.area_id arg1=$k arg2=$pager.order arg3=1}>"><{$v}></a></li>
				<{/foreach}>
			</ul>
		</div>
		<div class="list_box">
			<ul>
				<{foreach $order_list as $k=>$v}>
				<li><a  href="<{link ctl='mobile/designer:items' arg0=$pager.area_id arg1=$pager.group_id arg2=$k arg3=1}>"><{$v}></a></li>
				<{/foreach}>
			</ul>
		</div>
		<div class="mask_bg"></div>
	</div>
</div>
<section id="" class="page_center_box">
<ul class="designerList mt10">
	<{foreach $items as $item}>
	<li> <a href="<{link ctl='mobile/designer' arg0=$item.uid}>">
		<div class="fl left"> <img src="<{$pager.img}>/<{$item.face_80}>"/>
			<p class="maincl"><{$item.name}></p>
		</div>
		<div class="nr">
			<p>设计风格：<span class="tag bg_1"><{$item.case_num}>套</span></p>
			<p>Q Q号码 ：<{$item.show_qq}></p>
			<p>设计专长：<{$item.slogan|cutstr:50:'...'}></p>
		</div>
		<div class="clear"></div>
		</a> </li>
	<{/foreach}>
</ul>
<div class="page"><{$pager.pagebar}></div>
<script type="text/javascript">
$(document).ready(function () {
	/*轮播幻灯图开始*/
	$('.flexslider').flexslider({
		directionNav: true,
		pauseOnAction: false,
		/*slideshow: false,*/
		/*touch:true,*/
	});
	/*轮播幻灯图结束*/
	/*瀑布流效果开始*/
	(function(K, $){
	  var $container = $('#xgtContainer');
		  $container.imagesLoaded(function(){
			$container.masonry({itemSelector: '.case_aterfall_li'});
		}); 
	})(window.KT, window.jQuery);
	/*瀑布流效果结束*/
	/*头部下来分类开始*/
	$("#search-bar .search-bar_list .list").each(function(e){
		$(this).click(function(){
			if($(this).hasClass("on")){
				$(this).parent().find(".list").removeClass("on");
				$(this).removeClass("on");
				$(".mask_bg").hide();
				$("#search-bar .search-bar_pull").hide();
			}
			else{
				$(this).parent().find(".list").removeClass("on");
				$(this).addClass("on");
				$(".mask_bg").show();
				$("#search-bar .search-bar_pull").show();
			}
			$("#search-bar .search-bar_pull .list_box").each(function(i){
				if(e==i){
					$(this).parent().find(".list_box").hide();
					$(this).show();
				}
				else{
					$(this).hide();
				}
				$(this).find("li").click(function(){
					$(this).parent().find("li").removeClass("on");
					$(this).addClass("on");
					$(".mask_bg").hide();
					$("#search-bar .search-bar_pull").hide();
					$("#search-bar .search-bar_list .list").removeClass("on");
				});
			});
		});
	});
	/*头部下来分类开始*/
});
</script> 
<script type="text/javascript" src="<{$pager.res}>/script/jquery.masonry.min.js"></script> 
<{include file="mobile/block/footer.html"}>